<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ include file="/WEB-INF/view/modules/sys/include/taglib.jsp"%>
<%@ include file="/WEB-INF/view/modules/sys/include/head.jsp"%>
<div class="main-container">
    <div class="padding-md">
        <div class="col-md-6">
            <div class="smart-widget">
                <div class="smart-widget-header">
                    添加反馈信息
                    <span class="smart-widget-option">
										<span class="refresh-icon-animated">
											<i class="fa fa-circle-o-notch fa-spin"></i>
										</span>
			                            <a href="#" class="widget-toggle-hidden-option">
			                                <i class="fa fa-cog"></i>
			                            </a>
			                            <a href="#" class="widget-collapse-option" data-toggle="collapse">
			                                <i class="fa fa-chevron-up"></i>
			                            </a>
			                            <a href="#" class="widget-refresh-option">
			                                <i class="fa fa-refresh"></i>
			                            </a>
			                            <a href="#" class="widget-remove-option">
			                                <i class="fa fa-times"></i>
			                            </a>
			                        </span>
                </div>
                <div class="smart-widget-inner">
                    <div class="smart-widget-hidden-section">
                        <ul class="widget-color-list clearfix">
                            <li style="background-color:#20232b;" data-color="widget-dark"></li>
                            <li style="background-color:#4c5f70;" data-color="widget-dark-blue"></li>
                            <li style="background-color:#23b7e5;" data-color="widget-blue"></li>
                            <li style="background-color:#2baab1;" data-color="widget-green"></li>
                            <li style="background-color:#edbc6c;" data-color="widget-yellow"></li>
                            <li style="background-color:#fbc852;" data-color="widget-orange"></li>
                            <li style="background-color:#e36159;" data-color="widget-red"></li>
                            <li style="background-color:#7266ba;" data-color="widget-purple"></li>
                            <li style="background-color:#f5f5f5;" data-color="widget-light-grey"></li>
                            <li style="background-color:#fff;" data-color="reset"></li>
                        </ul>
                    </div>
                    <div class="smart-widget-body">
                        <form class="form-horizontal no-margin" id="type-constraint" action="${ctx}/feedback/add" method="post">
                            <div class="form-group">
                                <label class="control-label col-lg-3">用户ID</label>
                                <div class="col-lg-9">
                                    <input type="text" name="userId" class="form-control input-sm"  placeholder="请输入用户id">
                                </div><!-- /.col -->
                            </div><!-- /form-group -->
                            <div class="form-group">
                                <label class="control-label col-lg-3">反馈类型</label>
                                <div class="col-lg-9">
                                    <select class="form-control" name="type">
                                        <option value="0" selected>建议</option>
                                        <option value="1">批评</option>
                                    </select>
                                </div><!-- /.col -->
                            </div><!-- /form-group -->
                            <div class="form-group">
                                <label class="control-label col-lg-3">反馈描述</label>
                                <div class="col-lg-9">
                                    <!-- 加载编辑器的容器 -->
                                    <script id="container" name="content" type="text/plain">
                    请输入反馈信息
                        </script>

                                </div><!-- /.col -->
                            </div><!-- /form-group -->
                            <div class="form-group">
                                <label class="control-label col-lg-3">联系人</label>
                                <div class="col-lg-9">
                                    <input type="text" class="form-control input-sm" name="name" placeholder="联系人姓名">
                                </div><!-- /.col -->
                            </div><!-- /form-group -->
                            <div class="form-group">
                                <label class="control-label col-lg-3">联系方式</label>
                                <div class="col-lg-9">
                                    <input type="text" class="form-control input-sm" name="phone" placeholder="练习方式">
                                </div><!-- /.col -->
                            </div><!-- /form-group -->
                            <div class="form-group">
                                <label class="control-label col-lg-3">Email</label>
                                <div class="col-lg-9">
                                    <input type="text" name="email" class="form-control input-sm" data-parsley-type="email" placeholder="Email Address">
                                </div><!-- /.col -->
                            </div><!-- /form-group -->
                            <div class="text-right m-top-md">
                                <button type="submit" class="btn btn-info">提交反馈</button>
                            </div>
                        </form>
                    </div>
                </div><!-- ./smart-widget-inner -->
            </div><!-- ./smart-widget -->
        </div>
    </div>
</div>
<%@include file="/WEB-INF/view/modules/sys/include/footerlib.jsp"%>
<!-- 配置文件 -->
<script type="text/javascript" src="${ctxStatic}/ueditor1_4_3_3-utf8-jsp/utf8-jsp/ueditor.config.js"></script>
<!-- 编辑器源码文件 -->
<script type="text/javascript" src="${ctxStatic}/ueditor1_4_3_3-utf8-jsp/utf8-jsp/ueditor.all.js"></script>
<!-- 实例化编辑器 -->
<script type="text/javascript">
    var ue = UE.getEditor('container',{toolbars: [
        ['fullscreen', 'source', 'undo', 'redo'],
        ['bold', 'italic', 'underline', 'fontborder', 'strikethrough', 'superscript', 'subscript', 'removeformat', 'formatmatch', 'autotypeset', 'blockquote', 'pasteplain', '|', 'forecolor', 'backcolor', 'insertorderedlist', 'insertunorderedlist', 'selectall', 'cleardoc']
    ], autoHeightEnabled: true,
        autoFloatEnabled: true});
</script>
<script>
    $(document).ready(function() {
        $("#type-constraint").validate({
            rules:{
                email: "required",
                content :"required"
            },
            messages: {
                email:"请输入联系方式",
                content :"请输入发表内容"
            }
        })
    })
</script>
</body>
</html>
